﻿@charset "utf-8";
/* CSS Document */
html{font-size: 14px;}
body{margin:0px; padding:0px; font-size:14px;  color:#666;}
a{color:#666; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle; max-width:100%;}
a:link {text-decoration: none; outline:none;}
/*a:visited{text-decoration: none; outline:none;}*/
/*a:hover{text-decoration:none; color:#36a390; outline:none;}*/
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
.fl{float:left;}
.fr{float:right;}
.ovh{overflow: hidden;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}

input, textarea{background:transparent; padding:0px; font-size:14px; color:#666; outline:none; border:0px;}
em{font-style:normal;}
input[type=button], input[type=submit],input[type=file], button { cursor: pointer;-webkit-appearance: none; } 
/*通用*/

textarea::-webkit-input-placeholder{color: #666;} 
textarea:-moz-placeholder{color: #666; } 
textarea::-moz-placeholder{color: #666; } 
textarea:-ms-input-placeholder{color: #666; }

input:focus {outline: none; } 
input:focus::-webkit-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; } 
input:focus::-moz-placeholder {text-indent: 100%; opacity: 0; -moz-transition: .4s; } 
input:focus:-ms-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; }
textarea:focus {outline: none; } 
textarea:focus::-webkit-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; } 
textarea:focus::-moz-placeholder {text-indent: 100%; opacity: 0; -moz-transition: .4s; } 
textarea:focus:-ms-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; }
i{font-style: normal;}

.wal{width: 1200px;margin:0 auto;}
.wal-1600{width: 1600px;margin:0 auto;}
.pc-show{display: block!important;}
.pc-hide{display: none!important;}

.l1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.l2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.l3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.l4{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}

/*图片放大*/
.icb{overflow: hidden;}
.icb img{transition: all .5s;}
.icb:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);}

.icb1{overflow: hidden;}
.icb1 img{transition: all .5s;}
.icb1:hover img{-webkit-transform: scale(1.08);transform: scale(1.08);}

/*按钮动画--start*/
.ico_h {display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } 
.ico_h:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } 
.ico_h:hover, .ico_h:focus, .ico_h:active {-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } 
.ico_h:hover:before, .ico_h:focus:before, .ico_h:active:before {opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
/*按钮动画--end*/

.tran_2{-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.tran_3{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

/*模拟下划线动画*/
.lm:after{content:' '; display: block; width: 0%; height: 1px; background: #004ea1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } 
.lm:hover:after{width: 100%; } 

/*头部*/
.header {background: #fff; height: 97px; line-height: 97px; padding: 0 7%; width: 86%; border-top: 5px solid #333333; } 
.header .wal-1600{position: relative;} 
.header .list{margin-right: 12px;} 
.header .list li{float: left;} 
.header .list li a{display: block;font-size: 16px;color: #333333;font-weight: bold;padding: 0 26px;} 
.header .list li.on a{color: #fff;background: #d92129; } 
.header .list li.on2 a{color: #fff;background: #d92129; } 
.header .list li:hover a{color: #fff;background: #d92129; } 
.header .search-inp{display: none; position: absolute;z-index: 9; right: 80px; width: 200px; height: 35px; line-height: 35px; padding: 0 15px; background: #fff; border: 1px solid #cbcbcb; border-radius: 40px; margin-top: -14px; } 
.header .search:hover .search-inp{display: block;} 
.header .ico{margin-left: 20px; } 
.header .ico .box{display: none; position: absolute; z-index: 9; right: 0; top: 70px; border: 5px solid #fff; line-height: 80px; } 
.header .ico .box img{width: 80px; } 
.header .ico:hover .box{display: block;} 
.header .weibo .box{right: -30px; } 
.header .wenxi .box{right: 20px; }

/*二级导航*/
.sNav{display: none; background:#f5f5f5; position: absolute; z-index: 20; left: 0; top: 102px; width: 100%; padding: 50px 0 85px; } 
.sNav .le-box{margin-left: 95px; width: 180px; } 
.sNav .le-box li{} 
.sNav .le-box li a{padding-left: 38px;display: block;line-height: 28px;height: 28px;margin-bottom: 23px;font-size: 16px;color: #333;background: url(../images/a8.jpg)no-repeat left;} 
.sNav .le-box li:hover a{background: url(../images/a8_on.jpg)no-repeat left;color: #d92129;} 
.sNav .rg-box{overflow: hidden; } 
.sNav .rg-box li{display: none;} 
.sNav .rg-box .img{width: 350px; margin-right: 40px; } 
.sNav .rg-box .img img{width: 100%; } 
.sNav .rg-box .notes{width: 535px; } 
.sNav .rg-box .notes em{display: block; font-size: 18px; color: #333; margin-bottom: 15px; } 
.sNav .rg-box .notes p{line-height: 25px; height: 150px; } 
.sNav .rg-box .notes .ico{display: block;width: 145px;height: 42px;line-height: 42px;color: #fff;border-radius: 50px;background:#6e7584 url(../images/a7.png) no-repeat 90px;text-indent: 27px;margin-top: 14px;} 
.sNav .rg-box .notes .ico:hover{background: #d92129 url(../images/a7.png) no-repeat 90px; }

/*底部*/
.footer{background: #2b3044;padding: 65px 0 40px;} 
.footer .box1{margin-bottom: 70px; } 
.footer .notes{width: 210px; text-align: right; margin-top: 8px; } 
.footer .notes p{color: #9fa2ac; line-height: 50px; } 
.footer .notes span{color: #9fa2ac; line-height: 30px; display: block; } 
.footer .notes em{font-size: 30px; color: #d92129; display: block; } 
.footer .notes em a{font-size: 30px; color: #d92129; display: block;}
.footer .share{margin:40px 0 0 0;overflow: hidden;} 
.footer .share a{float: left; margin-right: 8px; display: inline-block; width: 34px; height: 34px; } 
.footer .share a:hover{opacity: .8; } 
.footer .list{overflow: hidden;clear:  right;padding-top: 5px;} 
.footer .list li{float: left; margin-right:45px; } 
.footer .list li em{display: block; font-size: 16px;color: #ffffff; padding-bottom: 30px; } 
.footer .list li a{line-height: 30px;display: block;color: #9fa2ac;} 
.footer .list li a:hover{text-decoration: underline;color: #fff;} 
.footer .to-links{background:url(../images/a9.png) no-repeat 95%;position:  relative;width:260px;border:1px solid #4e5263;} 
.footer .to-links span{display: inline-block;float: left;width: 265px;height:  40px;line-height: 40px;padding-left: 13px;color: #727276;cursor:  pointer;} 
.footer .to-links .cont{display:none;position:  absolute;background: #9fa2ac;left: 0px;bottom: 40px;width: 261px;padding: 5px 0;z-index: 20;} 
.footer .to-links .cont a{display: block;line-height: 30px;color: #666;padding-left: 13px;} 
.footer .to-links .cont a:hover{color: #fff; } 
.footer .p{font-size: 12px;color: #9fa2ac;margin-top: 88px;width: 100%;text-align: center;} 
.footer .p a{font-size: 12px; color: #9fa2ac;} 
.footer .p a:hover{text-decoration: underline;color: #fff;}

/*手机头部*/
.m-head-div{height: 50px; line-height: 50px; background: #fff; } 
.m-head-div img{width: 100%;} 
.m-head-div .logo{width: 30%;margin-left: 3%;} 
.m-head-div .menu{width: 45px;height: 50px;line-height: 50px;text-align: center;} 
.m-head-div .menu img{width: 52%; }
.m-head-div .search{width: 45px;height: 50px;line-height: 50px;text-align: center;} 
.m-head-div .search img{width: 44%;}
.m-head-div .close{width: 45px;height: 50px;line-height: 50px;text-align: center;display: none;} 
.m-head-div .close img{width: 40%;}

/*手机-搜索框*/
.phSearch{position: absolute;z-index: 99;top: 50px;left: 0;width: 100%;height: 100%;display: none;}
.phSearch .phSearchBg {width: 100%;height: 100%;}
.phSearch .searchBox {position: absolute;z-index: 22;left: 0;top: 0;width: 100%;height: 80px;background-color: rgba(0,0,0,0.5);}
.phSearch .searchBox .sbSearch {height: 40px;line-height: 40px;margin: 18px 10%;position: relative;border-radius: 6px;overflow: hidden;}
.phSearch .searchBox .sbSearch .input1{display: block;height: 40px;width: 100%;font-size: 14px;color: #525252;text-indent: 15px;border-radius: 6px;background-color: #fff;}
.phSearch .searchBox .sbSearch .btn{display: block;position: absolute;right: 0;top: 0;width: 60px;height: 40px;text-align: center;background-color: #dc2d35;color: #fff;}
.phSearch .searchBox .sbSearch input::-webkit-input-placeholder{ color: #525252;} 
.phSearch .searchBox .sbSearch input:-moz-placeholder{ color: #525252; } 
.phSearch .searchBox .sbSearch input::-moz-placeholder{ color: #525252; } 
.phSearch .searchBox .sbSearch input:-ms-input-placeholder{ color: #525252; }


/*手机菜单栏*/
.sideMemu{display: none;background: #fff;min-height: 100%;width: 100%;position: absolute;top: 45px;z-index: 999;left: 100%;transition: all .5s;} 
.sideMemu .navLayer {overflow-x: auto;width: 100%;overflow: hidden;position: static;z-index: 555;right: -100%;top: 45px;} 
.sideMemu .navLayer .bg{overflow-x: auto;position:relative;width:100%;} 
.sideMemu .subNav {cursor: pointer;display: block;height: 42px;line-height: 42px;position: relative;font-size: 14px;color: #151515;opacity: 1;border-bottom: 1px solid #e5e5e5;background: #f2f2f2;text-align: center;} 
.sideMemu .subNav .name{text-align: left;position: relative;padding: 0 10px;color: #666;text-align: center;} 
.sideMemu .subNav a{color: #666;} 
.sideMemu .subNav1{background: #f2f2f2 url(../images/m5.png) 94% center no-repeat;background-size: 13px;}
.sideMemu .currentDt{background: #da2931 url(../images/m5_on.png) 94% center no-repeat;background-size: 13px;border-bottom: 1px solid #da2931;} 
.sideMemu .currentDt .name{color:#fff;}
.sideMemu .navContent{display: none;} 
.sideMemu .navContent li{ position:relative;} 
.sideMemu .navContent a{display: block;height: 38px;line-height: 38px;color: #666;font-size: 14px;text-align: left;padding: 0 19px;text-align: center;}

/*内页banner图*/
.bannerPic,.bannerPic img{width: 100%;}

/*手机-内页2级栏目*/
.selTitle{position: relative;background: #dc2d35 url(../images/m10.png) no-repeat 96%;height: 45px;line-height: 45px;background-size: 7%;}
.selTitle a{display:block;margin: 0 3%;font-size: 16px;color: #fff;}
.selCont{display: none;position: absolute;width: 100%;background: #f5f5f5;padding: 10px 0;z-index: 99;} 
.selCont ul li{height: 40px;line-height: 40px;} 
.selCont ul li a{border-bottom: 1px solid #e6e6e6;}
.selCont ul li:last-child a{border-bottom: 0;}
.selCont ul li a{display: block;margin: 0 3%;color: #787878;}

/*内页2级栏目*/
.side2{line-height: 65px;background: #ececec; overflow: hidden; } 
.side2 li{float: left; } 
.side2 li a{font-size: 16px; padding: 0 42px; display: block; } 
.side2 li:hover a{background: #da2129; color: #fff; } 
.side2 li.on a{background: #da2129; color: #fff; }

.comm-top-box{margin: 80px 0 0;} 
.comm-tlt b{display: block;font-size: 30px;color: #b4b4b4;text-transform: uppercase;font-weight: normal;} 
.comm-tlt em{display: block;font-size: 30px;color: #b4b4b4;text-transform: uppercase;font-weight: bold;} 
.comm-tlt span{display: block; font-size: 24px; color: #333; margin: 10px 0 10px; } 
.comm-tlt .line{width: 40px; height: 1px; background: #b4b4b4; }

/*路径*/
.path {height: 40px;line-height: 40px;font-size: 12px;color:  #999;margin-top: 37px;}
.path .box{float: right; font-size: 12px;color: #999;margin-right: 10px;}
.path img{margin-right: 10px; margin-top: -4px; } 
.path a{font-size: 12px;color: #999;} 
.path i{padding: 0 5px;color: #999;} 
.path a:hover{color: #da2129; } 
.path a:last-child{color: #da2129;}
.path1{margin-top: 15px;}

/*分页*/
.pageNumDiv{text-align:center; height:34px; overflow:hidden; color:#666;margin: 50px 0 80px;}
.pageNumDiv01{ text-align:left;}
.pageNumDiv a{display:inline-block; height:30px; line-height:30px; padding:0 11px; margin:0 4px; border:#d9d9d9 solid 1px; color:#666; font-size:14px;}
.pageNumDiv a:hover, .pageNumDiv .aNow{background:#da2129; border:#da2129 solid 1px; color:#fff;}
.pageNumDiv .input1{width:33px; height:30px; line-height:30px; text-align:center; margin:0 5px; border:#d7d7d7 solid 1px;}
.pageNumDiv .btn1{width: 57px;height: 30px;margin-left: 5px;cursor: pointer;border: #d7d7d7 solid 1px;color: #666;}
.pageNumDiv .prev{ background:url(../images/ico3_3.png) no-repeat 10px center; padding-left:20px;}
.pageNumDiv .prev:hover{background:url(../images/ico3_3on.png) no-repeat 10px center; background-color:#da2129;}
.pageNumDiv .next{ background:url(../images/ico3_4.png) no-repeat 60px center; padding-right:20px;}
.pageNumDiv .next:hover{background:url(../images/ico3_4on.png) no-repeat 60px center; background-color:#da2129;}
.loadMore{display: block; width: 100%;height: 45px;line-height: 45px;color: #fff;background: #da2129;text-align: center;color: #fff;margin: 20px 0 40px;}

/*返回顶部*/
.toTop {display: none;position: fixed;z-index: 99;right: 3%;bottom: 10%;color: #fff;background: url(../images/toTop.png) no-repeat 0;background-size: 20px;line-height: 30px;text-indent: 24px;font-size: 12px;}












